@import 'aa.less';
*{
    margin: 0px;
    padding: 0px;
}
//变量
@color:blue;
//混合（和js里面的函数类似）
.bor(@px:5px,@s:solid,@cor:red){
    border: @px @s @cor;
}

.box{
    width: 400+100px;
    height: 400px;
    .bor(2px,dashed,aqua);
    .small{
        width: 200px;
        margin: 0px auto;
        background: @color;
        h1{
            color: #fff;
        }
    }
//  hover写法
    &:hover{
        border: 10px solid blue;
        .small{
            background: red;
        }
    }
    
}
.cc{
     width: 400px;
    height: 400px;
    .bor();
}
